section.section-ctn[data-n="1"] .rv-module{
    padding: 0px;
}

section.section-ctn[data-n="2"],
section.section-ctn[data-n="3"],
section.section-ctn[data-n="4"]{
	height: 600px;
	position:relative;
}
section.section-ctn[data-n="4"]{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

section.section-ctn[data-n="2"] > .inner-ctn,
section.section-ctn[data-n="3"] > .inner-ctn, 
section.section-ctn[data-n="4"] > .inner-ctn{
	position:relative;
}

section.section-ctn[data-n="2"] .rv-image,
section.section-ctn[data-n="3"] .rv-image,
section.section-ctn[data-n="4"] .rv-image{
	height:100%
}

section.section-ctn[data-n="2"] .rv-image .inner-ctn,
section.section-ctn[data-n="3"] .rv-image .inner-ctn,
section.section-ctn[data-n="4"] .rv-image .inner-ctn{
    height: 100%;
	width:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.section-ctn[data-n="2"] .inner-ctn:is([data-n="1"], [data-n="2"]),
section.section-ctn[data-n="3"] .inner-ctn[data-n="1"]{
	vertical-align: top;
	position: absolute;
	top: 0px;
	left:0px;
	height: 100%;
	width: 100%;
	text-align: center;

}

section.section-ctn[data-n="2"] .inner-ctn[data-n="2"]{
    left:unset;
    right: 0px;
}

section.section-ctn[data-n="4"] .inner-ctn[data-n="2"]{
    position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	height: 65%;
	width: 85%;
}

section.section-ctn[data-n="3"] .inner-ctn[data-n="1"],
section.section-ctn[data-n="2"] .inner-ctn:is([data-n="1"], [data-n="2"]){
	width: 65%
}

section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] > div{
    width: calc(32% - 8px);
    display: inline-block;
    max-height: 400px;
    margin: 0px 10px;
}
section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] > div .content .inner-ctn{
    padding-left: 50px;
    padding-right: 50px;
}

section.section-ctn[data-n="2"] .content_ctn,
section.section-ctn[data-n="3"] .content_ctn,
section.section-ctn[data-n="4"] .content_ctn{
    position: relative;
    height: 100%;
	max-height: 400px;
}
section.section-ctn[data-n="3"] .content_ctn,
section.section-ctn[data-n="2"] .content_ctn{
	max-height: 600px
}
section.section-ctn[data-n="2"] .content_ctn{
    clip-path: polygon(0 0, 0 100%, 50% 100%, 100% 0);
}

section.section-ctn[data-n="3"] .rv-content,
section.section-ctn[data-n="4"] .rv-content{
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

section.section-ctn[data-n="2"] .rv-content{
    position: absolute;
    top: 30% !important;
    left: 40% !important;
    transform: translate(-50%, -50%) !important;
    width: 65%;
}

section.section-ctn[data-n="4"] .content_ctn {
    border: 2px solid white;
    border-radius: 5px;
}

section.section-ctn > .inner-ctn {
    height: 100%;
    max-height: inherit;
}

section.section-ctn[data-n="2"] .inner-ctn[data-n="1"] .images_ctn{
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 350px;
    width: 280px;
	z-index: 1;
}

section.section-ctn[data-n="2"] .inner-ctn[data-n="2"]{
    position: absolute;
    top:0%;
    left: 50%;
    height: 100%;
    width: 50%;
}

section.section-ctn[data-n="2"] .inner-ctn[data-n="2"]{
    width: 60%;
    left: unset;
    right: 15px;
    top: 15px;
    height: calc(100% - 30px);
}

section.section-ctn[data-n="3"] .inner-ctn[data-n="2"]{
	position: absolute;
    top: 0px;
    right: 0%;
    height: 100%;
    width: 50%;
}

section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] .images_ctn:last-child{
	clip-path: polygon(100% 0%, 100% 100%, 40% 100%, 90% 0);
    width:100%;
    position: absolute;
    top:0px;
    right: 0%;
    height: 100%;
}

section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] .images_ctn:first-child{
	clip-path: polygon(10% 0%, 90% 0%, 50% 80%);
    width:100%;
    position: absolute;
    top:-45px;
    right: 0%;
    height: 100%;
}

section.section-ctn[data-n="2"] .inner-ctn[data-n="1"] .images_ctn svg{
    width: 100%;
    height: 100%;
}

section.section-ctn[data-n="2"] .inner-ctn[data-n="2"] .images_ctn svg{
	width: 100%;
    height: calc(100% - 55px);
}

@media (max-width: 1400px){
	section.section-ctn[data-n="1"] .rv-module > div{
		padding: 0px;
	}
}

@media (max-width: 1024px) and ( max-height: 1024px ) {
    section.section-ctn[data-n="2"],
    section.section-ctn[data-n="3"],
    section.section-ctn[data-n="4"]{
        position: unset;
        height: fit-content;
	}
	
	section.section-ctn[data-n="2"] .inner-ctn:is([data-n="1"]),
    section.section-ctn[data-n="3"] .inner-ctn:is([data-n="1"]){
    	display:block;
		width: 100%;
        position: unset;
        height: fit-content;
	}

    section.section-ctn[data-n="2"] .inner-ctn:is([data-n="1"]){
        height: unset;
    }

    section.section-ctn[data-n="2"] .inner-ctn[data-n="2"],
    section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] {
        display:block;
        position: relative;
        height: 500px;
        width: 100%;
    }

    section.section-ctn[data-n="2"] .inner-ctn[data-n="2"]{
        position: unset;
    }

	section.section-ctn[data-n="2"] .inner-ctn[data-n="2"] .images_ctn,
    section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] .images_ctn{
		height: 500px;
	}

    section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] .images_ctn:first-child{
        top: -13px;
    }

    section.section-ctn[data-n="2"] .inner-ctn[data-n="1"] .images_ctn {
        display: none;
    }

    section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] {
        padding: 10px;
        position: unset;
        transform: unset;
        width: 100%;
        height: 100%;
    }

    section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] > div,
    section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] > div{
        width: 250px; 
        display: block;
        height: 250px;
        margin: 10px auto;
    }

    section.section-ctn[data-n="2"] .inner-ctn[data-n="2"] .images_ctn svg{
        width: 700px;
        height: 100%;
    }

    section.section-ctn[data-n="2"] .content_ctn{
        clip-path: none;
    }

    section.section-ctn[data-n="3"] .content_ctn, 
    section.section-ctn[data-n="2"] .content_ctn {
        max-height: unset !important;
        height: unset !important;
    }

    section.section-ctn[data-n="2"] .rv-content,
    section.section-ctn[data-n="3"] .rv-content{
        position: unset !important;
        transform: unset !important;
        width: 100% !important;
    }

}


@media (max-width: 800px) and ( max-height: 800px ) {
	section.section-ctn[data-n="2"],
    section.section-ctn[data-n="3"]{
		min-height: 300px;
	}

    section.section-ctn[data-n="4"]{
		min-height: 300px;
	}


    section.section-ctn[data-n="2"] .inner-ctn[data-n="2"],
    section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] {
        height: 300px;
    }

	section.section-ctn[data-n="2"] .inner-ctn[data-n="2"] .images_ctn,
    section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] .images_ctn{
		height: 300px;
	}

    section.section-ctn[data-n="3"] .inner-ctn[data-n="2"] .images_ctn:first-child{
        top: -13px;
    }

    section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] {
        padding: 10px;
        width: 100%;
        height: 100%;
    }

    section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] > div,
    section.section-ctn[data-n="4"] .inner-ctn[data-n="2"] > div{
        width: 250px; 
        display: block;
        height: 250px;
        margin: 10px auto;
    }

    section.section-ctn[data-n="2"] .inner-ctn[data-n="2"] .images_ctn svg{
        width: 100%;
    }
}